<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>物资需求单详情</title>
		<link rel="stylesheet" type="text/css" href="../../css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/form.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/layui.css"/>
		<style>
			.write_area table tr td {
    			 width: 12.5%;
    		}
		</style>
	</head>
	<body>
		<!-- 蓝色背景区域 -->
		<div class="wrap">
			<!-- 白色可用区域 -->
			<div class="canuse">
				<!------ 位置 ------>
	            <p class="contentText local"><span>位置：物资需求管理 > 物资需求管理 > 物资需求单详情</span></p>
	            
			    	<div class="article_list">
			            <!------- 内容 ------->
			            <div class="content content1" style="width: 99.6%;margin: 0px auto;">
			            	<!-- 用户列表内容区 -->
			                <div class="con con_01">
			                    <!-- 表单信息填写区 -->
			                    <h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>物资需求单</span></h4>
			                    <div class="write_area">
			                        <form id="addFrom" action="" method="post">
			                            <table class="contentText" border="1" cellspacing="0" cellpadding="0" width="99%" style="margin-bottom: 10px;">
			                                <tbody>
			                                
			                                    <tr>
			                                        <th width="12.5%">需求单号：</th>
			                                        <td width="12.5%">BL1536033451730</td>
			                                        <th width="12.5%">计划号：</th>
			                                        <td width="12.5%">JH201112</td>
			                                        <th width="12.5%">产品代号：</th>
			                                        <td width="12.5%">代号63</td>
			                                        <th width="12.5%">零部件代号：</th>
													<td width="12.5%">SDFSDF123</td>
			                                    </tr>
			                                    <tr>
			                                        <th>创建人：</th>
			                                        <td>zhaopx</td>
			                                        <th>创建日期：</th>
			                                        <td>2018-09-11</td>
			                                        <th>需求日期：</th>
			                                        <td>2018-09-04</td>
			                                        <th>完成日期：</th>
			                                        <td>2018-10-04</td>
			                                    </tr>
			                                    <tr>
			                                        <th>需求类型：</th>
			                                        <td>齐套补料</td>
			                                        <th>执行状态：</th>
			                                        <td>已完成</td>
			                                        <th>备注：</th>
			                                        <td></td>
			                                    </tr>
			                                </tbody>
			                            </table>
			                        </form>
			                    </div>
			                </div>
							<!-- 列表展示区 -->
							<div class="table_border">
				                <div class="show_list">
				                	<div class="title_operate">
				                    	<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>物资需求单详情</span></h4>
				                		<!-- 操作类型区 -->
				                        <div class="operate_area">
				                        	<a id="addDetail" class="bgd_blue_two img_hand">导出</a> 
				                    
				                        	<a href="materialLendingAdd.html" class="bgd_blue_two img_hand">转借</a> 
				                        	<a href="materialLendingAudio.html" class="bgd_blue_two img_hand">审批</a> 
				                            <a href="materialRequirementList.html" class="bgd_white_two img_hand">返回</a> 
				                        </div>
				                	</div>
				                	<div class="list_area">
				                        <!-- 信息列表区 -->
				                        <div class="info_area">
				                            <table class="tablelist" border="1" cellspacing="0" cellpadding="0">
				                                <tbody>
				                                    <tr class="menuText list_head">
				                                        <th class="">序号</th>
				                                        <th class="">物资编码</th>
				                                        <th class="">物资名称</th>
				                                        <th class="">物资类型</th>
				                                        <th class="">规格型号</th>
				                                        <th class="">计量单位</th>
				                                        <th class="">申请数量</th>
				                                        <th class="">已到数量</th>
				                                         <th class="">转借数量</th>
				                                        <th class="">执行状态</th>
				                                    </tr>
				                                </tbody>
				                                <tbody class="tablelist">
				                                    <tr class="listTableText list_list">
				                                        <td>1</td>
				                                        <td>BS0100046</td>
				                                        <td>沉头螺钉</td>
				                                        <td>类型1</td>
				                                        <td>M2.5?</td>
				                                        <td>个</td>
				                                        <td>9</td>
				                                        <td>5</td>
				                                         <td><a href="javascript:$('.materialLend').show()" class="editBlue cursor">4</a></td>
				                                        <td>已完成</td>
				                                    </tr>
				                                    <tr class="listTableText list_list">
				                                        <td>2</td>
				                                        <td>BS0100046</td>
				                                        <td>沉头螺钉</td>
				                                        <td>类型1</td>
				                                        <td>M2.5?</td>
				                                        <td>个</td>
				                                        <td>9</td>
				                                        <td>5</td>
				                                            <td><a href="javascript:$('.materialLend').show()" class="editBlue cursor">4</a></td>
				                                        <td>已完成</td>
				                                    </tr>
				                                    <tr class="listTableText list_list">
				                                        <td>3</td>
				                                        <td>BS0100046</td>
				                                        <td>沉头螺钉</td>
				                                        <td>类型1</td>
				                                        <td>M2.5?</td>
				                                        <td>个</td>
				                                        <td>9</td>
				                                        <td>5</td>
				                                           <td><a href="javascript:$('.materialLend').show()" class="editBlue cursor">4</a></td>
				                                        <td>已完成</td>
				                                    </tr>
				                                </tbody>
				                            </table>
				                        </div>
				                        <!-- 页码区域 -->
					                    <div class="page_area contentText clear">
					                    	<div class="page_sum">
					                    		共<span class="page_number"> 3 </span>页&emsp;每页 10 条&emsp;共<span class="info_sum"> 27 </span>条记录
					                    	</div>
					                        <div class="page_jump">
					                        	<span>跳转到&emsp;第</span>
					                        	<input type="text" name="" id="" value="" />
					                        	<span>页&emsp;</span>
					                        	<button>Go</button>
					                        </div>
					                        <div class="page-pull-right async-page">
					                            <button>上一页</button>
					                            <button class="select_page">1</button>
					                            <button>2</button>
					                            <button>3</button>
					                            <button style="color: rgb(30, 30, 30);">▪▪▪</button>
					                            <button>98</button>
					                            <button>99</button>
					                            <button>100</button>
					                            <button>下一页</button>
					                        </div>
					                    </div>
				                   </div>	
				                </div>
				                
				                
				                <div class="show_list materialLend hidden">
				                	<div class="title_operate">
				                    	<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>物料转借记录</span></h4>
				                	</div>
				                	<div class="list_area">
				                        <!-- 信息列表区 -->
				                        <div class="info_area">
				                            <table class="tablelist" border="1" cellspacing="0" cellpadding="0">
				                                <tbody>
				                                    <tr class="menuText list_head">
				                                        <th class="">序号</th>
				                                        <th class="">物资编码</th>
				                                        <th class="">转借人</th>
				                                        <th class="">转借时间</th>
				                                        <th class="">审批人</th>
				                                        <th class="">审批时间</th>
				                                        <th class="">转借计划</th>
				                                        <th class="">转借数量</th>
				                                        <th class="">执行状态</th>
				                                         <th class="">备注</th>
				                                    </tr>
				                                </tbody>
				                                <tbody class="tablelist">
				                                    <tr class="listTableText list_list">
				                                        <td>1</td>
				                                        <td>BS0100046</td>
				                                        <td>张三</td>
				                                        <td>2020-03-15 12:05:00</td>
				                                        <td>李四</td>
				                                        <td>2020-03-18 12:05:00</td>
				                                        <td>PLAN001</td>
				                                        <td>3</td>
				                                         <td>已完成</td>	
				                                        <td>因为缺料所以转借</td>
				                                    </tr>
				                                    <tr class="listTableText list_list">
				                                        <td>2</td>
				                                        <td>BS0100046</td>
				                                        <td>张三</td>
				                                        <td>2020-03-15 12:05:00</td>
				                                        <td>李四</td>
				                                        <td>2020-03-18 12:05:00</td>
				                                        <td>PLAN001</td>
				                                        <td>1</td>
				                                         <td>已完成</td>
				                                        <td></td>
				                                    </tr>
				                                </tbody>
				                            </table>
				                        </div>
				                        
				                   </div>	
				                </div>
							</div>
			            </div>
			        </div>
			        
			    </div>
	            
			</div>
			
			<!-- 版尾  -->
			<div class="ending">
				Copyright© 2019-2020 磐基技术有限公司
			</div>
		</div>
	</body>
	<script src="../../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var h = document.documentElement.clientHeight;
		$(".wrap").css("height", h);
		
		// 获取每行 td 的兄弟节点
		$(".info_area td").hover(   
			function () {      
				$(this).parent().children().addClass("td_hover");
			},    
			function () {      
				$(this).parent().children().removeClass("td_hover");  
			}
		);
		
		
	</script>
</html>
